<template>
	<div class="container">
	        <van-nav-bar title="阅读须知" left-arrow @click-left="onClickLeft" fixed />
	        <div class="icon">
	            <img src="../../../static/my/logo.png" alt="岭南师范学院" />
	        </div>
	        <div class="content">
	            <div class="title">用户行为规范</div>
	            <div class="item">
	                <div v-for="detail in details" :key="detail.num" class="detail">
	                    <div class="Sectitle">
	                        <span>{{ detail.num }}</span>
	                    </div>
	                    <span class="passage">{{ detail.passage }}</span>
	                </div>
	            </div>
	        </div>
	    </div>
</template>

<script>
export default {
    name: 'Read',
    methods: {
        onClickLeft() {
            this.$router.go(-1);
        },
    },
    data() {
        return {
            details: [
                {
                    num: '01 注册', passage: `
                    根据岭师入手交易平台的流程和要求完成注册即可登录成为
                    平台用户。`
                },
                {
                    num: '02 认证', passage: `
                用户在平台发布信息、互动或交易时，需要通过实名认证，
				且需要验证用户的学号、学院、班级等信息` },
                {
                    num: '03 交易', passage: `
                    交换物品前，交换双方可针对交换及物品情况在平台进行
					线上沟通交流。因为平台面对岭师师生开放，因此也可协商进行
					线下沟通交流。`
                },
                {
                    num: '04 评价', passage: `
                    用户评价应当与交易 的商品或服务有关联性，且合法、客观、真实，
					交换双方不得利用平台评论侵害相关方的合法权益。
                    `
                },
                {
                    num: '05 违规', passage: 
                    `用户若违反本规范的相关规定，将依据本规范对用户进行初值，措施包括
					不限于处理违规商品或信息、管控用户权限等，具体管控措施包括但不选与下架、
					删除、屏蔽违规信息、限制发布物品、限制互动（如发帖、留言、评论、点赞、
					聊天、个人页面信息等）。具体违规行为包括但不限于：
					`
                },
                {
                    num: '泄露信息', passage: `
						如擅自将他人隐私信息（包括但不限于电话、姓名、住址等）公布，或提供
						给第三方等；
                    `
                },
                {
                    num: '攻击行为', passage: `
                    如辱骂、恶意中伤或人身攻击的行为
                    `
                },
				{
				    num: '安全行为', passage: `
				    如恶意注册、滥用他人账号等行为
				    `
				},
				{
				    num: '欺诈行为', passage: `
				    如骗取他人财物、以交定金、预付款为由的欺诈行为、冒充平台官方成员等
				    `
				},
				{
				    num: '描述不符', passage: `
				    用户在商品描述页面、交易约定过程中，对商品的基本属性、使用时长、成色、
					具体瑕疵（划痕、裂痕等）、维修记录、质量问题及质保期等的描述，若与交易方
					收到物品时与卖方的描述不一致，则视为描述不符。
				    `
				},
				{
				    num: '违规发帖', passage: `
				    如发帖内容与帖子类型不符（如求购贴发出售贴等）、内容涉及封建迷信、
					内容设计黄赌毒等行为视为违规发帖。
				    `
				},
            ],
        }
    }

}

</script>

<style scoped>
.container {
    background-color: rgb(245, 245, 245);
    overflow-y: scroll;
    overflow-x: hidden;
}

/* 隐藏滚动条 */
.container::-webkit-scrollbar {
    display: none;
}

.icon {
	display: flex;
	justify-content: center;
}
.icon img{
	height: 125px;
	width: 125px;
}

.content {
    background-color: #fff;
    margin: 0 15px;
    border-radius: 10px;
    padding: 15px;
}

.title {
	display: flex;
	justify-content: center;
    font-size: 25px;
    color: black;
    margin-top: 5px;
}

.item {
    margin-top: 15px;
}

.detail {
    margin-top: 14px
}

.Sectitle {
    display: inline-block;
    position: relative;
}

.Sectitle::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: rgba(124, 144, 235, 0.2);
}

.Sectitle span {
    color: #448aff;
    font-size: 25px;
    font-style: oblique;
    font-family: sans-serif;
}

.passage {
    display: block;
    margin-top: -25px;
    color: #aaaaaa;
    font-size: 17px;
    text-align: justify;
    text-indent: 105px;
}
</style>
